* {
	behavior: url("../styles/PIE/PIE.htc");
}

body {
	background: white url("../images/main/main_bg.jpg") repeat top center
		fixed;
	color: #666666;
	font-size-adjust: none;
	display: block;
	margin-bottom: 3px;
	clear: both;
}

body,table td,select {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
}

div table {
	margin: 0 auto;
	border: none;
}

ul li {
	list-style: circle;
	text-indent: 2px;
}

ol li {
	text-indent: 2px;
}

.pnlContent h1 {
	line-height: 1em;
	text-transform: uppercase;
	color: #d67e10;
	font-size: 13px;
}

.pnlContent h2 {
	line-height: .8em;
	font-weight: bold;
	font-size: 12px;
	margin-top: 6px;
	color: #d67e10;
}

.pnlContent h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

.pnlContent h4 {
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.pnlContent h5 {
	font-style: italic;
}

.pnlDownline {
	border: 1px solid green;
	border-spacing: 5px;
}

.pnlContent h6 {
	font-weight: bold;
	color: #336633;
	font-size: 12px;
	line-height: normal;
	margin: 0;
}

.innerHr hr {
	border: 0;
	background-color: #9E9E9E;
	height: 1px;
	width: 90%;
	margin-left: 0;
}

hr {
	border: 0;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	margin-top: -5px;
}

.htmInfo {
	padding: 5px 0;
	text-align: justify;
	text-indent: 24px;
}

.htmStepInfo {
	padding: 5px 0;
	text-align: justify;
}

.tableContent {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	display: inline-table;
}

.tableWidget {
	margin-left: -1px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

#htmSearchInfo {
	padding-top: 0px;
	line-height: 14px;
	padding-left: 10px;
	padding-bottom: 4px;
}

.htmMidleContent {
	padding-left: 15px;
}

.htmContainButton {
	width: auto;
	display: inline-block;
	padding-top: 10px;
}

.htmContainButtonRight {
	width: auto;
	display: inline-block;
	padding-top: 10px;
	margin-right: -10px;
}

.pnlMain {
	padding: 0;
	background: none;
}

.pnlMainContent {
	width: 100%;
	background: url("../images/main/spiral_big_midle.gif") repeat-y 0 0,
		url("../images/main/main_right.gif") repeat-y top right, #F0F0EF;
}

.pnlContext {
	width: 100%;
	height: 100%;
	background: none;
	padding-left: 5px;
	position: absolute;
	display: block;
	float: left;
}

.pnlContent {
	height: 500px;
	width: 85%;
	background: white;
	border: 0px #FE6601 solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 20px 25px auto auto;
	padding: 10px;
}

.pnlContentBottom {
	width: 100%;
	height: 30px;
	background: url("../images/main/spiral_bottom.gif") no-repeat bottom
		left, url("../images/main/spiral_midle.gif") repeat-y 0 0,
		url("../images/main/main_bottom_right.gif") no-repeat bottom right,
		url("../images/main/main_bottom.gif") repeat-x bottom left;
}

.pnlMenu {
	background: url("../images/main/spiral_top.gif") no-repeat 0 0,
		url("../images/main/spiral_midle.gif") repeat-y 0 0,
		url("../images/main/main_top_right.gif") no-repeat top right,
		url("../images/main/main_top.gif") repeat-x 0 0;
	text-align: left;
	height: 30px;
	width: 100%;
}

.pnlMenuContainer {
	background: none;
	width: 85%;
	margin: 20px 25px auto auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-bottom: 1px solid #FE6601;
}

.pnlNavigation {
	height: 100%;
	background: #F0F0EF url("../images/main/nav_left.gif") repeat-y top left;
}

.pnlNavigationTop {
	background: url("../images/main/nav_top_left.gif") no-repeat top left,
		url("../images/main/nav_left.gif") repeat-y 0 0,
		url("../images/main/main_top.gif") repeat-x 0 0;
	width: 100%;
	height: 10px;
}

.pnlNavigationMid {
	padding: 0 5px 0 15px;
}

.pnlNavigationBottom {
	background: url("../images/main/nav_bottom_left.gif") no-repeat bottom
		left, url("../images/main/nav_left.gif") repeat-y 0 0,
		url("../images/main/main_bottom.gif") repeat-x bottom left;
	width: 100%;
	height: 30px;
}

.pnlButtonContainner {
	width: 100%;
	padding: 10px 0;
}

.pnlButtonContainnerAuto {
	border-spacing: 5px;
}

.horizontalContent {
	width: 100%;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 10px;
}

.productLink {
	text-decoration: underline;
	color: #0083FF;
	cursor: pointer;
}

.img-Promotion {
	width: 135px;
	height: auto;
	margin-left: 10px;
}

.scrollPanel {
	padding: 10px 0;
	width: 484px;
	overflow: auto;
	border: 1px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.widgetPanel {
	border: 1px #429200 solid;
	width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 5px 5px;
	vertical-align: baseline;
	margin-bottom: 20px;
	background: none;
}

.widgetContextTop {
	background: url("../images/form/widget_context_top.gif") top left
		no-repeat transparent;
	height: 20px;
	width: 163px;
}

.widgetContextMid {
	background: url("../images/form/widget_context_mid.gif") top left
		repeat-y;
	width: 163px;
	padding: 5px 0;
}

.widgetContextBottom {
	background: url("../images/form/widget_context_bottom.gif") top left
		no-repeat transparent;
	height: 9px;
	width: 163px;
}

.widgetContextContent {
	width: 135px;
	margin: 0 8px 0 5px;
	padding: 5px;
	border: 1px #429200 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.widgetContextMainContent {
	
}

.widgetContextTryAlso {
	margin-left: -10px;
	padding-top: 5px;
}

.htmLoginInfo {
	font-size: 11px;
	font-style: italic;
	line-height: 1.2em;
	padding: 5px 0;
}

.textLoginInfo {
	font-size: 12px;
	font-style: italic;
	padding-left: 10px;
	line-height: 16px;
}

.textNameInfo {
	font-size: 13px;
	padding-left: 10px;
	color: green;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

.htmLoginError {
	font-size: 11px;
	font-style: italic;
	color: red;
	line-height: 1.2em;
	padding: 5px 0;
}

.widgetPanel .idLogin {
	font-weight: bold;
	line-height: 1.2em;
	padding-top: 5px;
}

.widgetLocalePanel {
	position: absolute;
	border-spacing: 5px;
	margin: 0px;
	top:5px; 
	right:11%;
}

.widgetLocaleCaption {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
	color: #E2E2E2;
}

.widgetCaption {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #429200;
	padding-top: 5px;
	margin-bottom: 5px;
}

.widgetContextCaption {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #429200;
	margin: 0 10px 0 5px;
}

.pnlHeader {
	height: 180px;
	width: 100%;
	position: relative;
	
}

.pnlHeader .gwt-ListBox {
	width: 100%;
	height: 22px;
	padding: 2px 0;
	margin: 2px 0;
	background: none;
	color: #E2E2E2;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
}

.pnlHeader .gwt-ListBox:FOCUS {
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
	border-color: #999;
	background: None;
	color: #E2E2E2;
}

.pnlFooter {
	width: 100%;
	height: 150px;
	background: none;
}

.pnlFooter h1 {
	padding-top: 50px;
	font-size: 12px;
	color: #1DA6E4;
	font-weight: bold;
	line-height: 5px;
}

.pnlFooter h2 {
	font-size: 12px;
	color: #1DA6E4;
	font-weight: normal;
	text-align: center;
	line-height: 5px;
}

.htmItem {
	background: url("../images/icons/arrow.png") no-repeat scroll 5px 8px;
	border-bottom: 1px solid #429200;
	padding: 8px 5px 5px 30px;
	width: 150px;
	height: 20px;
	cursor: pointer;
}

.htmItemHover {
	background: #E2E2E2 url("../images/icons/arrow.png") no-repeat scroll
		5px 8px;
	padding: 8px 5px 5px 30px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	width: 150px;
	height: 20px;
}

.htmItemDisabled {
	background: url("../images/icons/arrow.png") no-repeat scroll 5px 8px;
	padding: 8px 5px 5px 30px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	color: #888;
	cursor: default;
	width: 150px;
	height: 20px;
	opacity: .8;
}

.htmNav {
	background: url("../images/icons/arrow.png") no-repeat scroll 5px 8px,
		-moz-linear-gradient(center top, #DDDDDD, #CCCCCC) repeat scroll 0 0
		transparent;
	background: -webkit-gradient(linear, left top, right top, from(#cccccc),
		to(#dcdcdc) );
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 8px 5px 5px 30px;
	width: 150px;
	height: 20px;
	text-shadow: 0 1px 0 #FFFFFF;
}

.htmError {
	font-weight: normal;
	color: red;
}

.processBar {
	background: url('../images/form/process.gif') repeat-x -10px -3px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	height: 5px;
	border-right: 3px solid #666;
	margin-bottom: 5px;
}

.processLoaded {
	background: url('../images/form/processLoaded.gif') repeat-x -10px -3px;
	color: #d67e10;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9px;
	height: 5px;
	border-right: 3px solid #d67e10;
	margin-bottom: 5px;
}

.AddressHPnl {
	width: 100%;
	border-spacing: 5px;
	border-collapse: 10px;
	margin-left: -5px;
}

.pnlCheckOutTab {
	width: 100%;
	border-spacing: 5px;
	border-collapse: 10px;
	margin-left: 20px;
}

#btnDelete {
	height: 15px;
	width: 15px;
	background-image: url(../images/icons/ico_delete.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	cursor: pointer;
}

.htmMenu {
	text-decoration: none;
	background: none;
	padding: 4px 2px 2px 2px;
	text-align: center;
	height: 12px;
	font-weight: normal;
	font-size: 10px;
	line-height: 1em;
	color: gray;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	margin-bottom: 2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.htmMenu-disabled {
	text-decoration: line-through;
	padding: 4px 2px 2px 2px;
	height: 12px;
	cursor: default;
}

.htmMenu-hover {
	text-decoration: none;
	padding: 3px 1px 1px 1px;
	color: #FE6601;
	border: 1px #FE6601 solid;
}

.htmMenu-down,.htmMenu-down-hover {
	padding: 3px 1px 1px 1px;
	color: #FE6601;
	border: 1px #FE6601 solid;
}

.ftbSummary {
	background: white;
	border: 1px #cdcdcd solid;
}

.ftbSummaryDark {
	background: white;
	border: 1px #666 solid;
	margin-top: 5px;
}

.rowEven {
	background: #F5F5F5;
}

.tableHeader {
	background: #E2E2E2;
	text-align: center;
}

.htmSignatureTitle {
	font-weight: bold;
}

.htmSignature {
	font-size: 10px;
	font-style: italic;
	margin-bottom: 120px;
}

p.htmContractContent {
	text-align: justify;
	word-spacing: normal;
	text-indent: .5cm;
}

#contractAgree {
	font-size: 10px;
	font-style: italic;
}

#contractTable {
	border: 1px double #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

#contractTable h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

.buttonContainer {
	padding-left: 130px;
}

span.contractInfo div.gwt-HTML {
	width: auto;
	display: inline;
}

#htmContractRemind {
	text-align: justify;
	word-spacing: normal;
	text-indent: .5cm;
	padding: 10px 0;
}

.htmPromotionName {
	text-decoration: none;
	color: #0083FF;
	font-size: 12px;
	font-weight: bold;
}

.vplPromotion {
	width: 100%;
	border: 1px solid #E2E2E2;
	margin: 2px;
	border-spacing: 5px;
}

#flash_product {
	margin-right: -20px;
	padding: 0;
	margin: 0;
	position: relative;
	display: block;
	width: 100%;
}

#btnEdit {
	height: 15px;
	width: 15px;
	background-image: url(../images/icons/ico_edit.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	cursor: pointer;
}

#btnAdd {
	height: 15px;
	width: 15px;
	background-image: url(../images/icons/ico_add.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	cursor: pointer;
}